Filo.prototype.filoDOM = function() {
	return $('<img>').data('filo', this).attr({
		src: Client.server + 'ikona/trapoula/' + this.filoXromaGet() + this.filoAxiaGet() + '.png',
	});
};

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

// Η μέθοδος "xartosiaDOM" δημιουργεί DOM element με τα φύλλα της χαρτωσιάς.
// Ως παράμετρο δίνουμε τη θέση του παίκτη, εκτός από την περίπτωση που πρόκειται
// για προηγούμενη χαρτωσιά που εμφανίζεται στη συζήτηση, όπου δεν καθορίζουμε θέση.

Xartosia.prototype.xartosiaDOM = function(iseht) {
	var dom, xromaPrev = null, rbPrev = null, cnt = this.xartosiaMikos(), klasi;

	klasi = iseht ? 'tsoxa_xartosiaFilo tsoxa_xartosiaFilo' + iseht : 'tsoxa_xartosiaFiloPrev';
	dom = $('<div>').addClass('tsoxa_xartosiaContainer');
	Globals.awalk(this.xartosiaFilaGet(), function(i, filo) {
		var filoDOM, xroma, rb;

		filoDOM = filo.filoDOM().addClass(klasi);

		// Το πρώτο φύλλο εμφανίζεται κανονικά στη σειρά του, τα υπόλοιπα
		// απανωτίζουν το προηγούμενο φύλλο.

		if (i === 0) filoDOM.css('marginLeft', 0);

		// Κατά τη διάρκεια της αλλαγής τα φύλλα του τζογαδόρου είναι 12,
		// επομένως απανωτίζουμε λίγο παραπάνω.

		else if (cnt > 10) filoDOM.addClass('tsoxa_xartosiaFiloSteno' + iseht);

		// Τα φύλλα του Νότου φαίνονται μεγαλύτερα, καθώς ο διαθέσιμος χώρος
		// είναι πολύ περισσότερος.

		if (iseht === 1) filoDOM.addClass('tsoxa_xartosiaFiloNotos');

		dom.append(filoDOM);

		// Μένει να ελέγξουμε αν υπάρχουν διαδοχικές ομοιόχρωμες φυλές, π.χ.
		// μετά τα μπαστούνια να ακολουθούν σπαθιά, ή μετά τα καρά να ακολουθούν
		// κούπες.

		xroma = filo.filoXromaGet();
		if (xroma === xromaPrev) return;

		// Μόλις αλλάξαμε φυλή και πρέπει να ελέγξουμε αν η νέα φυλή είναι
		// ομοιόχρωμη με την προηγούμενη (κόκκινα/μαύρα).

		xromaPrev = xroma;
		rb = Prefadoros.xromaXroma[xroma];
		if (rb === rbPrev) filoDOM.addClass('tsoxa_xartosiaFiloOmioxromo');
		else rbPrev = rb;
	});

	return dom;
};

/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

Dilosi.prototype.dilosiDOM = function(idos) {
	var dom;

	if (idos === undefined) idos = 'dilosi';
	dom = $('<div>').addClass('tsoxa_' + idos);

	if (this.dilosiIsPaso()) {
		dom.text('ΠΑΣΟ');
		return dom;
	}

	if (this.dilosiIsTagrafo()) {
		dom.text('Άμα μείνουν');
		return dom;
	}
	
	if (this.dilosiIsExo()) dom.append($('<div>').addClass('tsoxa_' + idos + 'Exo').text('Έχω'));
	dom.append($('<div>').addClass('tsoxa_' + idos + 'Bazes').text(this.dilosiBazesGet()));
	dom.append($('<img>').addClass('tsoxa_' + idos + 'Xroma').attr({
		src: Client.server + 'ikona/trapoula/xroma' + this.dilosiXromaGet() + '.png',
	}));

	if (this.dilosiIsAsoi())
	dom.
	append($('<div>').addClass('tsoxa_dilosiAsoi').
	append($('<img>').addClass('tsoxa_dilosiAsoiIcon').attr('src', Client.server + 'ikona/panel/pexnidi/asoiOn.png')));

	return dom;
};
